<!DOCTYPE html>
<html lang="zh">
<head>
    <title>差异单 | OMS</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />

    <!-- 加载 bootstrap 样式-->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />

    <!-- 加载本页需要的三方插件样式 -->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-bootstrap-wizard/custom.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-steps/css/jquery.steps.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.css">
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.css">
    <!-- 加载主题风格样式 -->
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change"
          class="style-change color-change" />
    <link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />
    <link type="text/css" rel="stylesheet" href="/css/tooltip.css" />

    <style type="text/css">
        #shipOrderTable tbody tr td{
            text-align:right;
        }

        th, td {
            overflow: inherit;
        }

    </style>

</head>
<body class="">
<!--BEGIN CONTENT-->
<div class="page-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-8 col-xs-8 col-sm-8 col-md-8" style="line-height:36px;">
            </div>
            <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="margin-bottom: 10px;">
                <div class="input-group">
                    <input id="quickSearch" type="text" placeholder="商品编码/名称、规格编码/名称、单据编号" class="form-control" /> <span
                        class="input-group-btn">
                            <button id="btnQuickSearch" type="button" class="btn btn-primary">
                                <i class="fa fa-search"></i>
                            </button>
                            <button id="btnAdvSearch" type="button" class="btn btn-default btn-adv-search">
                                <i class="fa fa-angle-double-down" style="font-size: 20px; color: white;"></i>
                            </button>
                        </span>
                </div>
            </div>
        </div>

        <!-- 高级查询 -->
        <div class="row">
            <div class="col-lg-12">
                <div class="portlet box portlet-blue tabbable" style="margin-bottom:0px;">
                    <div class="panel panel-default" id="advSearchPanel" style="display:none;">
                        <!-- <div class="panel panel-default" id="advSearchPanel" style="position: fixed;Z-index: 9999; width: 95%;">   悬浮 -->
                        <!-- 窗体悬浮，百分比根据情况设置 -->
                        <div class="panel-body">
                            <form id="frmAdvSearch" role="form" action="" class="form-horizontal advance-query">
                                <!-- advance-query 必须要写的 -->
                                <div class="row">
                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label class="col-sm-4 col-lg-4 col-xs-4 col-md-4 control-label">差异生成时间 </label>
                                            <div class="col-sm-8 col-lg-8 col-xs-8 col-md-8">
                                                <div class="btn btn-default reportrange">
                                                    <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span>请选择时间区间</span>&nbsp;&nbsp; <i
                                                        class="fa fa-angle-down"></i> <input type="hidden" id="datestart" name="datestart" />
                                                    <input type="hidden" id="dateend" name="dateend" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="storId" class="col-sm-5 col-lg-5 col-xs-5 col-md-5 control-label">仓库名称： </label>
                                            <div class="col-sm-7 col-lg-7 col-xs-7 col-md-7">
                                                <select id="storId" name="storId" class="form-control" >
                                                    <option value="">请选择</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label for="inventoryType" class="col-sm-5 col-lg-5 col-xs-5 col-md-5 control-label">库存类型： </label>
                                            <div class="col-sm-7 col-lg-7 col-xs-7 col-md-7">
                                                <select id="inventoryType" name="inventoryType" class="form-control" >
                                                    <option value="">请选择</option>
                                                    <option value="zp">正品</option>
                                                    <option value="cc">次品</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-sm-3 col-lg-3 col-xs-3 col-md-3">
                                    </div>
                                    <div class="col-sm-9 col-lg-9 col-xs-9 col-md-9 text-right">
                                        <button type="reset" id="advSearchReset" name="advSearchReset" class="btn btn-default">重置</button>
                                        <button type="button" id="advSearchSubmit" name="advSearchSubmit" class="btn btn-primary">查询</button>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="portlet box portlet-blue tabbable">
                    <div class="portlet-header">
                        <div class="caption">商品列表</div>
                    </div>
                    <div class="portlet-body">
                        <div class="tabbable portlet-tabs">
                            <ul class="nav nav-tabs" style="padding: 9px 0px;">
                                <li style="padding-left:10px;">
                                    <button id="showExport" onclick="showExport()" style="margin-top: 5px;" type="button" class="btn btn-warning btn-xs" disabled>
                                        <i class="fa"></i>&nbsp;导出
                                    </button>
                                </li>

                                <li>
                                    <button id="reloadBtn" onclick="refresh();" style="margin-top: 5px;" type="button" class="btn btn-warning btn-xs">
                                        <i class="fa"></i>&nbsp;刷新
                                    </button>
                                </li>

                            </ul>
                            <div class="tab-content">
                                <!-- 待审核div -->
                                <div class="tab-pane fade in active" style="">
                                    <div class="table-responsive">
                                        <div class="portlet-body">
                                            <!--                                                 <table id="stockCheckList" -->
                                            <!--                                                     class="table table-hover table-striped table-bordered table-advanced tb-sticky-header" style="table-layout:fixed;" width="100%"> -->
                                            <table id="stockCheckList" name="stockCheckList"
                                                   style="table-layout:fixed;" class="table table-hover table-striped table-bordered table-advanced" width="100%" >
                                                <thead>
                                                <tr>
                                                    <th width="9%" >差异生成时间</th>
                                                    <th width="9%" >差异单单号</th>
                                                    <th width="9%" >仓库</th>
                                                    <th width="9%" >商品商家编码</th>
                                                    <th width="10%" >商品名称</th>
                                                    <th width="9%" >规格商家编码</th>
                                                    <th width="9%" >规格名称</th>
                                                    <th width="9%" >库存类型</th>
                                                    <th width="9%" >本地计算库存数</th>
                                                    <th width="9%" >第三方仓库存数</th>
                                                    <th width="9%" >差异库存数</th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                                <tfoot>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="myid" />
<input type="hidden" id="tab" />
<input type="hidden" id="shopTypeHid" />
<!-- ====================================== 窗口区 ===================================== -->
<!-- 导出文件 -->
<div id="exportList" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" class="modal fade"
     aria-labelledby="modal-header-primary-label">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header modal-header-primary">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="close">x</button>
                <h4 id="modal-header-primary-label" class="modal-title">导出EXCEL</h4>
            </div>
            <div class="modal-body">
                <form id="formShopTypeSelect" role="form" action="#" class="form-horizontal">
                    <div class="row">
                        <div class="form-group">
                            <div class="container-fluid">
                                <div class="btn-group btn-group-sm mbm" style="margin-left: 15px;">
                                    <a id="select-all" href="#" class="btn btn-default">全选择</a>
                                    <a id="deselect-all" href="#" class="btn btn-default">全清除</a>
                                    <a id="refresh" href="#" class="btn btn-default">刷新</a>
                                </div>
                                <select id="public-methods" multiple="multiple" style="position: absolute; left: -9999px;">
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <iframe id="exportFrame" style= "display   :none "></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                <button id="btnExportList" type="button" class="btn btn-primary">导出</button>
            </div>
        </div>
    </div>
</div>

<!-- 加载 jquery js-->
<script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
<script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/Apollo/madmin/js/jquery-ui.js"></script>

<!-- 加载 bootstrap 和三方插件 js -->
<script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
<script src="/Apollo/madmin/js/html5shiv.js"></script>
<script src="/Apollo/madmin/js/respond.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-cookie/jquery.cookie.js"></script>
<script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
<script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
<script src="/Apollo/madmin/vendors/holder/holder.js"></script>
<script src="/Apollo/madmin/vendors/responsive-tabs/responsive-tabs.js"></script>
<script src="/Apollo/madmin/vendors/moment/moment.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
<script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-tablesorter/jquery.tablesorter.js"></script>
<script src="/Apollo/madmin/js/table-advanced.js"></script>
<script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>
<script src="/Apollo/madmin/vendors/jquery-steps/js/jquery.steps.min.js"></script>
<script src="/Apollo/madmin/vendors/jquery-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>

<script src="/Apollo/madmin/vendors/metisMenu/jquery.metisMenu.js"></script>
<script src="/Apollo/madmin/vendors/slimScroll/jquery.slimscroll.js"></script>
<script src="/Apollo/madmin/vendors/jquery-highcharts/highcharts.js"></script>
<script src="/Apollo/madmin/js/jquery.menu.js"></script>
<script src="/Apollo/madmin/vendors/jquery-news-ticker/jquery.newsTicker.min.js"></script>
<script src="/Apollo/madmin/vendors/select2/select2.min.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.js"></script>
<!--<script src="/Apollo/madmin/vendors/multi-select/js/jquery.multi-select.js"></script>-->
<!--<script src="/Apollo/madmin/js/ui-dropdown-select.js"></script>-->
<script src="/Apollo/madmin/vendors/DataTables/jquery.jeditable.js"></script>
<script src="/Apollo/madmin/js/table-editable.js"></script>
<script src="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="/views/static/js/setPageButtonStatus.js"></script>
<script src="stockDiffList.js"></script>
<!--<script src="/views/static/js/export.js"></script>-->
<!--<script src="/views/static/js/form.js"></script>-->
</body>
</html>